@import "../../style/val.scss";
.dialog-hide {
	display: none !important;
}
.dialog-content {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 300;
	top: 0;
	bottom: 0;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	background: rgba(0, 0, 0, 0.3);
	.back-pop {
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.3);
	}
	.dialog-con {
		border: 1px solid $color3;
		width: 80%;
		height: auto;
		background: $color8;
		border-radius: 8px;
		.dialog-header {
			height: auto;
			text-align: center;
			font-size: 0.28rem;
		}
		.dialog-icon-text-header {
			height: 0.88rem;
			background-color: $color6;
			color: $color7;
			font-size: 0.28rem;
			text-align: center;
			line-height: 0.88rem;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
			box-sizing: border-box;
		}
		.dialog-body {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0.5rem 12%;
			font-size: 0.28rem;
			line-height: 0.5rem;
			color: $color2;
		}
		.icon-text-body {
			padding: 0;
			max-height: 7.86rem;
			overflow-y: auto;
		}
		.contract-body {
			.contract-content {
				word-wrap: break-word;
				max-height: 6rem;
				overflow-y: auto;
			}
		}
		.dialog-icon-text-foot {
			border-top: 1px solid $color5;
			width: 100%;
			background-color: $color8;
			text-align: center;
			padding-bottom: 0.3rem;
			padding-top: 0.3rem;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			font-size: 0.15rem;
			.btn-icon-text-close {
				width: 47%;
				display: inline-block;
				line-height: 0.6rem;
				height: 0.6rem;
				margin: 0 auto;
				background-color: $color4;
				border-radius: 5px;
				color: $color8;
				font-size: 0.3rem;
			}
		}
		.dialog-foot {
			width: 100%;
			height: 1.08rem;
			background: $color8;
			border-top: 1px solid $color12;
			box-sizing: border-box;
			font-size: 0.32rem;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
			.btn-alert-ok {
				width: 100%;
				display: inline-block;
				height: 100%;
				font-size: 0.32rem;
				background-color: $color8;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
				text-align: center;
				line-height: 100%;
				color: $color4;
			}
			.btn-confrim {
				width: 50%;
				display: inline-block;
				height: 100%;
				font-size: 0.32rem;
				background-color: $color8;
				box-sizing: border-box;
				text-align: center;
				float: left;
				line-height: 1.08rem;
			}
			.btn-disabled {
				width: 50%;
				display: inline-block;
				height: 100%;
				font-size: 0.32rem;
				background-color: $color8;
				box-sizing: border-box;
				text-align: center;
				float: left;
				line-height: 1.08rem;
				border-bottom-right-radius: 8px;
				color: $color3;
			}
			.btn-cancel {
				color: $color3;
				border-right: 1px solid $color12;
				border-bottom-left-radius: 8px;
			}
			.btn-ok {
				color: $color4;
				border-bottom-right-radius: 8px;
			}
		}
	}
	&.code-message-dialog {
		.dialog-con {
			.dialog-body {
				padding: 0.4rem 10%;
			}
			.code-message-text {
				font-size: $fontSize28;
				font-family: $font-family;
				color: $color2;
				text-align: left;
				line-height: 0.5rem;
			}
			.code-message-phone {
				font-size: $fontSize28;
				font-family: $font-family;
				color: $color4;
				text-align: left;
				line-height: 0.5rem;
				span {
					color: $color1;
					width: 0.9rem;
					display: inline-block;
				}
				a {
					float: right;
					position: relative;
				}
				.icon-tips {
					position: absolute;
					top: 0.12em;
					right: 105%;
				}
				label {
					text-align: right;
					float: right;
				}
			}
		}
	}
}
